<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="HandheldFriendly" content="True">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>云π</title>
	<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
	<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
	<script src="js/js.js" type="text/javascript"></script>
	<style type="text/css">
		body {
			background: url(img/bg.png) no-repeat top left;
			background-size: 100% 100%;
		}
	</style>

</head>`

<body style="position: relative;">
	<!-- 头部 -->
	<div class="header">
		<a href="javascript:history.go(-1);" class="hele"></a>
		<h1 class="hetitle">登录密码</h1>
	</div>

	<div id="page" class="page m">
		<div class="deorlist">
			<div class="deoritem">
				<p class="deort1">旧密码：</p>
				<div class="deorid">
					<input type="text" class="deorinput" placeholder="请输入旧密码" />
				</div>
			</div>
			<div class="deoritem">
				<p class="deort1">新密码：</p>
				<div class="deorid">
					<input type="password" class="deorinput" placeholder="请输入新密码" />
				</div>
			</div>
			<div class="deoritem">
				<p class="deort1">手机号：</p>
				<div class="deorid">
					<input type="text" class="deorinput deorinput3" placeholder="请输入手机号码" />
					<button class="paypalink" onclick="goTime()" id="second">获取验证码</button>
				</div>
			</div>
			<div class="deoritem">
				<p class="deort1">验证码：</p>
				<div class="deorid">
					<input type="text" class="deorinput" placeholder="请输入手机验证码" />
				</div>
			</div>
		</div>

		<a href="determine_order2.html" class="deorlink" style="margin-top:1rem;">完成</a>
	</div>
</body>
<script type="text/javascript">
	$(function () {
		//背景高宽
		$("body").width($(document).outerWidth(true));
		$("body").height($(document).outerHeight(true));
	});

	//获取验证码
	function goTime() {
		var sec = document.getElementById("second");
		var i = 60;
		var timer = setInterval(function () {
			i--;
			sec.innerHTML = i + "秒重新获取";
			if (i > 0) {
				$("#second").attr('disabled', true);
			} else if (i == 0) {
				sec.innerHTML = '重新获取验证码';
				clearInterval(timer);
				$("#second").attr('disabled', false);
			}
		}, 1000);
	}
</script>

</html>